<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/public/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/before/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public/swiper-3.4.0.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/before/pay.css"/>
		<link rel="stylesheet" type="text/css" href="../css/before/index.css"/>
		<link rel="stylesheet" type="text/css" href="../css/before/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/before/shopcar.css"/>
		<script src="../js/public/swiper-3.4.0.min.js" type="text/javascript" charset="utf-8"></script>
		
		<link rel="stylesheet" type="text/css" href="../css/before/user.css" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="../js/public/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/before/aimmenu.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/before/knockout.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/before/ceshi.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/public/swiper-3.4.0.min.js"></script>
		<script src="../js/public/birthday.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/public/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body style="min-width: 1160;">
		<div class="l_header">
			<div class="container">
				<div class="l_header_left">
					<span>欢迎光临本店!&nbsp;</span>
					<span>请登录&nbsp;</span>
					<span>免费注册</span>
				</div>
				<div class="l_header_right">
					<div class="navSpan">
						<span class="ico-text">我的信息</span>
						<span class="userinfo-ico"></span>
						<ul class="navSpanHover">
							<li><a href="">已买到的宝贝</a></li>
							<li><a href="">我的地址管理</a></li>
						</ul>
					</div>
					<div class="navSpan">
						<span class="att-shop"></span>
						<span class="ico-text">我关注的店铺</span>
					</div>
					<div class="navSpan">
						<span class="shop-car"></span>
						<span class="ico-text">购物车</span>
					</div>
					<div class="navSpan">
						<span class="ico-text">收藏夹</span>
						<span class="userinfo-ico"></span>
						<ul class="navSpanHover">
							<li><a href="">收藏的宝贝</a></li>
							<li><a href="">收藏的店铺</a></li>
						</ul>
					</div>
					<div class="navSpan">
						<span class="ico-text">手机版</span>
					</div>
					<div class="navSpan">
						<span class="ico-text">商家支持</span>
						<span class="userinfo-ico"></span>
						<ul class="navSpanHover">
							<p>商家：</p>
							<li><a href="">售后流程</a></li>
							<li><a href="">购物流程</a></li>
							<li><a href="">订购方式</a></li>
							<li><a href="">常见问题</a></li>
							<p>帮助：</p>						
							<li><a href="">帮助中心</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
			<!--撑开的内容-->
				<div class="userLogin" style="display: none;">
					<!--用户登录-->
					<div class="" style="height: 100%;">
						<div class="container box">
							<div class="loginBox">
								<div class="noLogin">
									<span>您尚未登录</span>
									<span></span>
								</div>
								<div class="topstyle">
									<div class="changestyle">
										<span class="code-login">扫码登录</span>
									</div>
									<div class="fast">
										<span class="user-login">账户登录</span>
									</div>
								</div>
								<div class="box-display">
									<div class="boxcontent">
										<div class="qr-code">
											<div class="code-img">
												<img src="../img/weixin.jpeg" />
											</div>
											<p>打开
												<a href="#">手机有吧</a> 扫描二维码</p>
											<div class="qw-login">
												<span><img src="../img/qq.png"/><a href=""> QQ登录</a></span>
												<span><img src="../img/wechat.png"/><a href=""> 微信登录</a></span>
											</div>
										</div>
										<div class="account-login">
											<div class="inputgroup">
												<div class="input-group">
													<div class="input-group-addon"><span class="user_icon"></span></div>
													<input class="form-control" id="username" type="email" placeholder="手机号码／会员名／邮箱">
												</div>
												<div class="input-group">
													<div class="input-group-addon"><span class="lock"></span></div>
													<input class="form-control" id="password" type="password" placeholder="密码">
												</div>
												<div class="checkbox">
													<label>
											      <input class="checkbox-input" type="checkbox">
											      <span class="rememberpass">
											      	记住密码
											      </span>
											    </label>
													<a>忘记密码</a>
												</div>
												<button type="button" class="btn btn-danger" id="loginbtn">登录</button>
											</div>
											<div class="otherlogin">
												<div class="other_login">
													<span><img src="../img/qq.png"/><a href=""> QQ</a></span>
													<span class="line">|</span>
													<span><img src="../img/wechat.png"/><a href=""> 微信</a></span>
												</div>
												<div class="quickregist">
													<a href="#">
														<span class="regist_ico"></span>
														<a class="regist_link">立即注册</a>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			<!--头部-->
			<div class="top">
				<div class="container" style="min-width: 992px;">
				<!--头部左边-->
				<div class="left">
					<!--<div id="logo">-->
						<img src="../img/123.jpg" />
					<!--</div>-->
				</div>
				<!--头部右边-->
				<div class="right">
					<div id="process">
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th class="headers">查看购物车</th>
								<th class="headers">拍下商品</th>
								<th class="headers">付款</th>
								<th class="headers">确认收货</th>
								<th class="headers">评价</th>
							</tr>
							<tr>
								<td>
									<div class="firststep"></div>
								</td>
								<td>
									<div class="secondstep"style="background: url(../img/process.png) no-repeat scroll 50% -170px;"></div>
								</td>
								<td>
									<div class="thirdstep">3</div>
								</td>
								<td>
									<div class="fourthstep">4</div>
								</td>
								<td>
									<div class="fifthtep">5</div>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!--内容-->
		<div class="l_con" style="min-width: 1163px;">
			<div class="l_con_con">
				<div class="l_con_con_first">
					<div class="l_con_con_first1">
						<span>1 地址选择</span>
					</div>
					<div class="address">

					<div class="addressBtns" style="display: none;">
						<a href="#address" onclick="show()">新增收货地址</a>
						<span>操作提示：您可对已有的地址进行编辑及删除，亦可新增收货地址,带<span style="color: red;">*</span>必填</span>
					</div>
					<ul  class="haveaddress">
						<!--<li class="haveaddressli">
							<h5><span>收货人姓名</span><b>删除</b><b>修改</b></h5>
							<table>
								<tr>
									<td>收货人：</td>
									<td>某某某</td>
								</tr>
								<tr>
									<td>所在区域：</td>
									<td>陕西咸阳市渭城区</td>
								</tr>
								<tr>
									<td>地址：</td>
									<td>咸阳师范学院</td>
								</tr>
								<tr>
									<td>手机：</td>
									<td>15711110000</td>
								</tr>
							</table>
						</li>
						<li class="haveaddressli">
							<h5><span>收货人姓名</span><b>删除</b><b>修改</b></h5>
							<table>
								<tr>
									<td>收货人：</td>
									<td>某某某</td>
								</tr>
								<tr>
									<td>所在区域：</td>
									<td>陕西咸阳市渭城区</td>
								</tr>
								<tr>
									<td>地址：</td>
									<td>咸阳师范学院</td>
								</tr>
								<tr>
									<td>手机：</td>
									<td>15711110000</td>
								</tr>
							</table>
						</li>
						<li class="haveaddressli">
							<h5><span>收货人姓名</span><b>删除</b><b>修改</b></h5>
							<table>
								<tr>
									<td>收货人：</td>
									<td>某某某</td>
								</tr>
								<tr>
									<td>所在区域：</td>
									<td>陕西咸阳市渭城区</td>
								</tr>
								<tr>
									<td>地址：</td>
									<td>咸阳师范学院</td>
								</tr>
								<tr>
									<td>手机：</td>
									<td>15711110000</td>
								</tr>
							</table>
						</li>-->
					</ul>
					<div class="addAddress" id="address" style="display: none;">

						<h4>编写地址</h4>
						<table>
							<tr>
								<td><span style="color: red;">*</span>配送区域：</td>
								<td style="min-width: 500px;">
									<div class="jq22-container" style="width: 0;">
										<div class="container">
											<form class="form-inline">
												<div data-toggle="distpicker">
													<div class="form-group">
														<label class="sr-only" for="province">Province</label>
														<select class="form-control fot" id="province"></select>
													</div>
													<div class="form-group">
														<label class="sr-only" for="city">City</label>
														<select class="form-control fot" id="city"></select>
													</div>
													<div class="form-group">
														<label class="sr-only" for="district">District</label>
														<select class="form-control fot" id="district"></select>
													</div>
												</div>
											</form>
										</div>
									</div>
								</td>
							</tr>
							<tr>
								<td><span style="color: red;">*</span>收货人姓名：</td>
								<td><input type="text" name="" id="addUserName" value="" /></td>
							</tr>
							<tr>
								<td><span style="color: red;">*</span>详细地址：</td>
								<td><input type="text" name="" id="adddetailed" value="" /></td>
							</tr>
							<tr>
								<td><span style="color: red;">*</span>手机号：</td>
								<td><input type="text" name="" id="addphone" value="" /></td>
							</tr>
							<tr>
								<td>固定电话：</td>
								<td><input type="text" name="" id="addfixphone" value="" /></td>
							</tr>
							<tr>
								<td>邮箱：</td>
								<td><input type="text" name="" id="addemail" value="" /></td>
							</tr>
							<tr>
								<td>邮政编码：</td>
								<td><input type="text" name="" id="postcode" value="" /></td>
							</tr>
							<tr>
								<td>最佳配送时间：</td>
								<td><input type="text" name="" id="addsendtime" value="" /></td>
							</tr>
							<tr>
								<td colspan="2"><input type="button" name="" id="submit" value="新增收货地址" style="padding: 5px 0px;"/></td>
							</tr>
						</table>
					</div>
				</div>
				</div>
				<div class="l_con_con_second">
					<div class="l_con_con_second1">
						<span>2 送货时间</span>
						<span>送货时间仅作参考，快递公司会尽量满足您的要求</span>
					</div>
					<div class="l_con_con_second2">
						<span>仅工作日送货</span>
						<span>仅周末送货</span>
						<span>工作日/周末/假日均可</span>
					</div>
				</div>
				<div class="l_con_con_third">
					<div class="l_con_con_third1">
						<span>3 商品清单</span>
					</div>
					<!--购物车列表头-->
			<div class="lists">
				<table border="0" cellspacing="" cellpadding="">
					<tr>
				
						<th width="37%">产品</th>
						<th width="15%">数量</th>
						<th width="15%">本店价</th>
						<th width="15%">小计</th>
						<th></th>
					</tr>
				</table>
			</div>
			<div class="pay_l">
			</div>
			<!--购物车列表结算-->
			<div class="settle">
		
				<div class="rights">
					<div class="shouldpay">
						应付金额：<span class="needmoney">¥<span class="getmoney1">0.00</span></span>
					</div>

				</div>
				
			</div>
				</div>
				<div class="l_con_con_four">
					<div class="l_con_con_four1">
						<span>4 支付方式</span>
					</div>
					<div class="l_con_con_four2">
						<span><img src="../img/pay_ChinaPay.gif"/></span>
						<span><img src="../img/pay_weixin.gif"/></span>
						<span><img src="../img/pay_ccb.gif"/></span>
					</div>
				</div>
				<div class="l_con_con_five">
					<div class="l_con_con_five1">
						<span>返回购物车</span>
						<span>确认订单</span>
					</div>
				</div>
			</div>
		</div>
		<!--页面底部-->
		<div id="footer" style="padding: 50px;">
			<div class="container" >
				<!--网站信息-->
				<div class="footer-info row">
					<p>
						<a href="">关于我们</a><strong>|</strong>
						<a href="">联系我们</a><strong>|</strong>
						<a href="">商家入驻</a><strong>|</strong>
						<a href="">友情链接</a><strong>|</strong>
						<a href="">站点地图</a><strong>|</strong>
						<a href="">手机商城</a><strong>|</strong>
						<a href="">销售联盟</a><strong>|</strong>
						<a href="">商城社区</a><strong>|</strong>
						<a href="">企业文化</a><strong>|</strong>
						<a href="">帮助中心</a><strong>|</strong>
						<a href="">留言板</a>
					</p>
					<p>
						<a href="javascript:;">© 2005-2017 有吧连锁商城 版权所有，并保留所有权利。</a>
						<a href="javascript:;">植物园花圃园内 </a>
						<a href="javascript:;"> Tel: 13369202343 </a>
						<a href="javascript:;"> E-mail: 397218182@qq.com </a>
					</p>
				</div>
			</div>
		</div>
	</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="../js/before/header.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="../js/before/shopcar.js" type="text/javascript" charset="utf-8"></script>-->
<script src="../js/before/index.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/public/distpicker.data.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/public/distpicker.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/before/pay.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/before/header.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/before/login.js" type="text/javascript" charset="utf-8"></script>
</html>